<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        <link rel="stylesheet" type="text/css" href="css/jquery-menu.css" />

        <!--[if lte IE 7]>
        <style type="text/css">
        html #menu{height: 1%;} /*Holly Hack for IE7 and below*/
        </style>
        <![endif]-->

        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
        <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js" type="text/javascript"></script>
        <script src="http://jquery-ui.googlecode.com/svn/tags/latest/external/bgiframe/jquery.bgiframe.min.js" type="text/javascript"></script>
        <script src="http://jquery-ui.googlecode.com/svn/tags/latest/ui/minified/i18n/jquery-ui-i18n.min.js" type="text/javascript"></script>

        <script src="js/jquery/everything_packed.js" type="text/javascript"></script>

        <script type="text/javascript" src="js/menu-builder.js"></script>
        <script type="text/javascript" >

            //Specify full URL to down and right arrow images (25 is padding-right to add to top level LIs with drop downs):
            var arrowimages={
                down:['downarrowclass', 'img/star.jpeg', 25],
                right:['rightarrowclass', 'img/star.jpeg']
            }


            // build menu with ID="menu" on page:
            jquerycssmenu.buildmenu("menu", arrowimages)

            jQuery(function() {
                
                jQuery("#menu ul").each(function(){
                    jQuery(this)
                        .sortable({
                            over: function(event, ui) {
                                

                            },
                            connectWith: '#menu ul',
                            cursor: 'crosshair'
                            

                        })
                        .disableSelection();
                });

                
            });


        </script>


    </head>
    <body>

        <div id="menu">
            <ul id=”menu_1”>
                <li id=”menu_1_1”><a>Prvni uroven a</a>
                    <ul>
                        <li id=”menu_1_2”><a>Druha uroven a</a></li>
                        <li id=”menu_1_3”><a>Druha uroven b</a></li>
                        <li id=”menu_1_10”><a>Druha uroven c</a>
                            <ul>
                                <li id=”menu_1_15”>
                                    <a>Treti uroven a</a>
                                    <ul>
                                        <li id=”menu_1_15”><a>Ctvrta uroven a</a></li>
                                        <li id=”menu_1_17”><a>Ctvrta uroven b</a></li>
                                        <li id=”menu_1_18”>
                                            <a>Ctvrta uroven c</a>
                                            <ul>
                                                <li id=”menu_1_15”><a>Pata uroven a</a></li>
                                                <li id=”menu_1_17”><a>Pata uroven b</a></li>
                                                <li id=”menu_1_18”><a>Pata uroven c</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                                <li id=”menu_1_17”><a>Treti uroven b</a></li>
                                <li id=”menu_1_18”><a>Treti uroven c</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li id=”menu_1_5”><a>Prvni uroven b</a></li>
                <li id=”menu_1_7”>
                    <a>Prvni uroven c</a>
                    <ul>
                        <li id=”menu_1_2”><a>Druha uroven a</a></li>
                        <li id=”menu_1_3”><a>Druha uroven b</a></li>
                        <li id=”menu_1_10”><a>Druha uroven c</a>
                            <ul>
                                <li id=”menu_1_15”>
                                    <a>Treti uroven a</a>
                                    <ul>
                                        <li id=”menu_1_15”><a>Ctvrta uroven a</a></li>
                                        <li id=”menu_1_17”><a>Ctvrta uroven b</a></li>
                                        <li id=”menu_1_18”>
                                            <a>Ctvrta uroven c</a>
                                            <ul>
                                                <li id=”menu_1_15”><a>Pata uroven a</a></li>
                                                <li id=”menu_1_17”><a>Pata uroven b</a></li>
                                                <li id=”menu_1_18”><a>Pata uroven c</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                                <li id=”menu_1_17”><a>Treti uroven b</a></li>
                                <li id=”menu_1_18”><a>Treti uroven c</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li id=”menu_1_9”><a>Prvni uroven d</a></li>
            </ul>
        </div>

    </body>
</html>
